// 信息表格公共样式
.info-grid{ 
  width: 100%;
  max-width:100%;
  padding-right: 3px;
  // display: flex;  //相邻两项占位均少于50%时 同行布局的样式（ios不兼容无法换行） 
  // flex-flow: column no-wrap;
  // justify-content: space-between;
   
.grid-item{
    // flex: 0 1 auto; //相邻两项占位均少于50%时 同行布局的样式（ios不兼容无法换行） 
    //min-width:50%; 
    //width: 50%; 
    display: flex; 
    em {
      flex: 0 0 100px; 
      max-width:100px; 
      margin-right:2%;
      text-align:right;
      font-style:normal;
      color: gray;
      text-wrap:none;
      //@include ellipsis(0)
    }
    em:after{
      text-align:right; 
      content: ' :'; 
    }
    span{
      box-sizing:border-box;
      display:inline-block;
      flex: 1 1 auto;
      color: black;
      white-space:normal;
      word-wrap:break-word;
      word-break:break-all;
      hyphens:auto 
    }
  }.align-left{
    em { 
      text-align:left;
      flex: 0 0 auto;
      margin-right: 10px;
      max-width: 1000px;
    }
  }
}/*.no-wrap{
  flex-flow: column nowrap;//row nowrap;
}*/

.card-tags{
  span.tag{ 
    display: inline-block;
    font-size: .8rem; 
    background: #cccccc;
    padding: 0 .3rem;
    color: #fff;
    font-weight: normal;
    border-radius: .2rem;
    margin: 0 .2rem .2rem 0;  
    background: #ff6600; 
  }
}

// 子标题
.group-title{
  position: relative;
  margin: 0px 3% 0px 8%;
  //margin-left:7%;
  padding-left:0px;
  //border-left:3px solid #77caff;
  border-bottom:1px solid #f2f2f2;
  color: black;
  line-height: 2;
  span{
    vertical-align:middle;
  }
  .more-link{
    float:right;
    //font-size: 0.8rem;
    padding-right: 3%;
    text-decoration: none;
    color: #787878;
    vertical-align:middle;
    i.iconfont{
      font-size: 0.8rem;
    }
  }
}
.group-title:before{
  content: ''; 
  display: inline-block;
  width:3px; height:1rem; 
  vertical-align: middle;
  left:-3px; //top:50%;
  margin-right:3px;
  background: #77caff;
}


// 暂无记录占位
.no-record{
  text-align:center;
  line-height:4;
}
